<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="__TMPL__Public/assets/js/jquery-1.6.1.min.js"></script>
<title><if condition="$language == 1">在线咨询<else/>Online Consulting</if></title>
    <meta name ="keywords" content="博耳,光伏发电,太阳能发电,分布式,EPC总承包">
    <meta name ="description" content="博耳能源江苏有限公司是博耳电力（股票代码01685.HK ）控股子公司，拥有电力工程总承包三级资质，致力于经营新能源电力项目的开发、运营和投资管理。博耳能源目前累计装机容量（EPC）300MW，拥有电站资产100MW。">
<style>
body {
    margin: 0 auto;
}

* {
    margin: 0;
    padding: 0;
}

nav {
    width: 97%;
    margin: 0 auto;
    height: 2.4rem;
}

nav img:nth-child(1) {
    width: 7rem;
}

nav img:nth-child(2) {
    width: 2rem;
    /* float: right; */
    position: absolute;
    right: 0.8rem;
    top: 0.7rem;
}

.banner {
    width: 100%;
}

.lanse {
    color: #00438e;
}

main {
    width: 91%;
    margin: 0 auto;
    font-size: 13px;
    position: relative;
}

a {
    color: white;
    text-decoration: none;
}

#footer ul:nth-of-type(1) li a {
    color: #000;
}

main p {
    text-indent: 26px;
}

.p1 {
    text-indent: 0;
    font-size: 14px;
    border-bottom: 3px solid #C7C3C2;
    font-weight: 800;
    padding-bottom: 0.3rem;
    text-align: right;
}

.padding_1 {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

.zuo {
    width: 100%;
    margin-top: 0.4rem;
    margin-bottom: 0.2rem;
}

.i {
    text-indent: 0;
    font-size: 14px;
    border-bottom: 3px solid #00438e;
    padding-bottom: 4px;
}

.footer span {
    color: #00438e;
}

.footer {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    text-indent: 0;
}

.idv {
    text-align: center;
    margin-bottom: 1rem;

}

.idv p {
    line-height: 1rem;
    text-indent: 0;
}

h2 {
    text-align: center;
    border-bottom: 3px solid #00438e;
    padding-bottom: 0.2rem;
    color: #00438e;
}

.p2 {
    text-indent: 0;
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 1rem;
}

.fonw {
    text-indent: 0;
    font-size: 0.8rem;
}

textarea {
    width: 98.4%;
    height: 4rem;
    border: 1px solid #000;
    margin-top: 0.2rem;
}

label {
    font-size: 0.8rem;
    /* font-weight: 600; */
}

input {
    width: 98%;
    border: 1px solid #000;
    margin-top: 0.7rem;
    height: 1.4rem;
}

.in {
    width: 98.4%;
    margin-top: 0.3rem;
    margin-bottom: 1rem;
}

.inr {
    margin-bottom: 1rem;
}

select {
    width: 100%;
    border: 1px solid #000;
    height: 1.4rem;
    margin-top: 0.3rem;
    margin-bottom: 1rem;
}

button {
    width: 3rem;
    height: 1.4rem;
}

.sc {
    position: relative;
    left: 4rem;
}

button {
    position: relative;
    left: 7rem;
    background: #00438e;
    color: white;
    border: 0;
}

.border {
    border: 2px solid #00438e;
    margin-top: 0.5rem;
}

#footer {
    position: absolute;
    top: 2.6rem;
    right: 0;
    background: white;
    display: none;
}

#footer ul {
    width: 5.5rem;
    font-size: 0.65rem;
    color: #00438e;
    text-align: center;
}

#footer ul li {
    border-bottom: 1px solid #00438e;
    min-height: 1.5rem;
    list-style: none;
}

#footer ul li:last-child {
    border: 0;
}

.zyI {
    position: absolute;
    top: 0;
    right: 5.5rem;
    background: white;
    background: #00438e;
}

.zyI li {
    color: white;
}

.nae {
    height: auto !important;
}

.nae img {
    width: 100%;
}
.home {
    position: absolute;
    width: 1rem;
    top: 0rem;
    left: 0rem;
}

.ula {
    font-size: 12px;
    position: relative;
    top: -0.27rem;
    width:100%;
    display: inline-block;
}

.ula li {
    display: inline-block;
    width: 25%;
    float: left;
    text-align: center;
    background: #00438e;
    color: white;
    height: 1.5rem;
    line-height: 1.5rem;
    border-bottom: 1px solid #00438e;
}

.li {
    background: white !important;
    color: #00438e !important;
}
</style>
</head>

<body>
<nav>
    <img src="__TMPL__Public/assets/img/20170617121345.png" alt="">
    <img src="__TMPL__Public/assets/img/le.png" alt="">
</nav>
<img src="__TMPL__Public/assets/img/banner.png" alt="" class="banner">
<ul class="ula">
    <foreach name="bottom_article_list" item="bitem">
        <li <if condition="$bitem['check'] == 1">class="li"</if>><a href="{$bitem.url}" style="height: 100%;overflow: hidden;display: inline-block;<if condition="$bitem['check'] == 1">color:#00438e;</if>">{$bitem.title}</a></li>
    </foreach>
</ul>
<main>
    <a href="{:U('front/index')}"><img src="__TMPL__Public/assets/img/home.png" alt="/" class="home"></a>
    <form action="{:U('front/consult_post')}" method="post" onsubmit="return check_form();">
        <if condition="$language == 1">
    <h2>在线咨询</h2>
    <p class="p2">描述</p>
    <p class="fonw">请描叙您想查询的问题</p>

    <textarea name="question" id="question"></textarea>
    <label for="">姓名</label>
    <input name="username" id="username" type="text">
    <label for="">电话</label>
    <input name="userphone" id="userphone" type="text" class="inr">
    <label for="" class="inlab">所在单位</label>
    <input name="company_name" id="company_name" type="text" class="in">
    <label for="" class="inlab">想要合作的类型</label>
    <select name="cooperate_type" id="cooperate_type">
        <option value="">请选择</option>
        <foreach name="cooperate_type" key="ckey" item="citem">
            <option value="{$ckey}">{$citem}</option>
        </foreach>
    </select>
    <label for="" class="inlab">公司类型</label>
    <select name="company_type" id="company_type">
        <option value="">请选择</option>
        <foreach name="company_type" key="ckey2" item="citem2">
            <option value="{$ckey2}">{$citem2}</option>
        </foreach>
    </select>
    <label for="">邮件</label>
    <input name="email" id="email" class="ex" type="text">
    <label for="">地址</label>
    <input name="address" id="address"  type="text" class="inr">
    <button type="submit" class="sc">上传</button>
    <button onclick="empty_data();return false;">重置</button>
            <else/>
            <h2>Online Consulting</h2>
            <p class="p2">Describe</p>
            <p class="fonw">Please describe the problem you want to query</p>

            <textarea name="question" id="question"></textarea>
            <label for="">Full name</label>
            <input name="username" id="username" type="text">
            <label for="">Telephone</label>
            <input name="userphone" id="userphone" type="text" class="inr">
            <label for="" class="inlab">The unit to which one belongs</label>
            <input name="company_name" id="company_name" type="text" class="in">
            <label for="" class="inlab">The type of collaboration you want</label>
            <select name="cooperate_type" id="cooperate_type">
                <option value="">Please select</option>
                <foreach name="cooperate_type" key="ckey" item="citem">
                    <option value="{$ckey}">{$citem}</option>
                </foreach>
            </select>
            <label for="" class="inlab">Company type</label>
            <select name="company_type" id="company_type">
                <option value="">Please select</option>
                <foreach name="company_type" key="ckey2" item="citem2">
                    <option value="{$ckey2}">{$citem2}</option>
                </foreach>
            </select>
            <label for="">Mail</label>
            <input name="email" id="email" class="ex" type="text">
            <label for="">Address</label>
            <input name="address" id="address"  type="text" class="inr">
            <button type="submit" class="sc">upload</button>
            <button onclick="empty_data();return false;">Reset</button>
        </if>
    <!--<p class="border"></p>-->
        </br></br>
        <!--<p class="i">{$t_title1}</p>-->
        <!--<p class="footer">-->
            <!--<foreach name="bottom_article_list" item="bitem">-->
                <!--<a href="{$bitem.url}" <if condition="$bitem['check'] == 1">style="color:#00438e"<else/>style="color:#000"</if>>-->
                <!--<if condition="$bitem['check'] == 1">◀</if>{$bitem.title}-->
                <!--</a>-->
            <!--</foreach>-->
        <!--</p>-->
    <div class="idv">
        <p><a href="" style="color:#000">Copyright © 2010-2015</a></p>
        <if condition="$language == 1">
            <p><a href="{:U('front/index')}" style="color:#000">版权所有博耳能源江苏有限公司</a></p>
            <else/>
            <p><a href="{:U('front/index')}" style="color:#000"> Copyright Bo Bo energy Jiangsu Co., Ltd.</a></p>
        </if>
    </div>
    </form>
</main>
<script>
    $(function(){

    });
    function check_form(){
        var question = $("#question").val();
        if(question == ''){
            alert("问题不能为空!");return false;
        }

        var username = $("#username").val();
        if(username == ''){
            alert("姓名不能为空!");return false;
        }

        var userphone = $("#userphone").val();
        if(userphone == ''){
            alert("电话不能为空!");return false;
        }
        if(userphone.length != 11){
            alert("电话输入有误!");return false;
        }

        var company_name = $("#company_name").val();
        if(company_name == ''){
            alert("所在单位不能为空!");return false;
        }

        var cooperate_type = $("#cooperate_type").val();
        if(cooperate_type == ''){
            alert("想要合作的类型不能为空!");return false;
        }
        var email = $("#email").val();
        if(email == ''){
            alert("邮件不能为空!");return false;
        }
        var ex = document.querySelector('.ex');
        var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
        if (!myreg.test(ex.value)) {
            alert('请输入有效的邮箱地址！');
            return false;
        }

        var address = $("#address").val();
        if(address == ''){
            alert("地址不能为空!");return false;
        }

        return true;
    }
    function empty_data(){
        $("#question").val("");
        $("#username").val("");
        $("#userphone").val("");
        $("#company_name").val("");
        $("#cooperate_type").val("");
        $("#email").val("");
        $("#address").val("");
    }
</script>
<tc_include file="Public:footer" />
</body>

</html>